@import url(rem.less);
.header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    .h(136);
    .search{
        width: 90%;
        .h(90);
        margin: auto;
        background:rgba(255,255,255,.7);
        .mt(23);
        border-radius: 50px;
        .i{
            .ml(40);
            .font-dpr(24px);
            color: #999;
            .lh(90);
        }
    } 
}
.head{
    background:rgba(255,255,255,1);
    .p{
        background:rgba(0,0,0,.1);
    }
}
.main{
    position: relative;
    .pb(117);
    .swiper-container {
        .swiper-pagination{
            .swiper-pagination-bullet{
                display: inline-block;
                .w(20);
                .h(20);
            }
            .swiper-pagination-bullet-active{
                background-color: white;
            }
        }
        .swiper-slide {
            img{
                width: 100%;
            }
        }
    } 
    .gun{
        position: relative;
        .h(130);
        background-color: white;
        overflow: hidden;
        #ul{
            position: absolute;
            left: 50%;
            transform: translate(-50%,0);
            top: 0;
            .lii{
                .lh(130);
                .font-dpr(14px);
                span{
                    color: #662e91;
                }
            }
        } 
    }
    .list{
        background-color: white;
        .mt(31);
        .title{
            background-color: white;
            width: 90%;
            margin: auto;
            border-bottom: 1px solid #ccc;
            dl{
               
                dt{
                    .h(165);
                    width: 20%;
                    float: left;
                    img{
                        width: 90%;
                        .pt(20);
                    }
                }
                dd{
                    .lh(165);
                    color: #666;
                    float: left;
                    .font-dpr(14px);
                }
                .dd{
                    .pl(66);
                    background: url(../images/go.png)no-repeat left center;
                    background-size: 23px;
                }
                dd:last-child{
                    float:right;
                }
            }
            p{
                .lh(75);
                .font-dpr(12px);
            }
            .p2{
                color: #666;
            }
            .imgs{
                width: 100%;
                img{
                    width: 30%;
                }
                img:last-child{
                    .pl(27);
                }
            }
        }
    }
   .show{
       width: 130px;
       height: 100px;
       background:rgba(0,0,0,.7);
       position: absolute;
       left: 50%;
       bottom: 0;
       transform: translate(-50%);
       z-index: 9999;
       text-align: center;
       line-height: 100px;
       border-radius: 10px;
       i{
           width: 50px;
           height: 50px;
           display: inline-block;
           color: white;
           font-size: 50px;
           transform-origin: bottom;
           animation: aaa 2s infinite linear;
           
       }
   }
   @keyframes aaa {
        0%{
            transform: rotate(0deg)
        }
        50%{
            transform: rotate(180deg)
        }
        100%{
            transform: rotate(360deg)
        }
    }
}
.footer{
    width: 100%;
    position: fixed;
    .h(117);
    bottom: 0;
    background-color: white;
    text-align: center;
    figure{
        width: 20%;
        float: left;
        .font-dpr(20px);
        color: #7d7d7d;
        .pt(25);
        figcaption{
            .font-dpr(12px);
            .lh(75); 
        }
    }
    .first{
        color: #683092;
    }
}
